import prompt from '@system.prompt';
import router from '@system.router';
export default {
    data: {
        event:'',
        seekingtime:'',
        seekedtime:'',
        timeupdatetime:'',
        isStart: true,
        isfullscreenchange: false,
        duration: '',
    },
    preparedCallback: function (e) { // 视频准备完成时触发该事件，通过duration可以获取视频时长，单位为s
        this.event = '视频连接成功';
        this.duration = e.duration;
    },
    startCallback: function () { // 播放时触发该事件
        this.event = '视频开始播放';
    },
    pauseCallback: function () { // 暂停时触发该事件
        this.event = '视频暂停播放';
    },
    finishCallback: function () { // 播放结束时触发该事件
        this.event = '视频播放结束';
    },
    errorCallback: function () { // 播放失败时触发该事件
        this.event = '视频播放错误';
        prompt.showToast({message: this.event})
    },
    seekingCallback: function (e) { // 操作进度条过程时上报时间信息，单位为s
        this.seekingtime = e.currenttime;
    },
    seekedCallback: function (e) { // 操作进度条完成后，上报播放时间信息，单位为s
        this.seekedtime = e.currenttime;
    },
    timeupdateCallback: function (e) { // 播放进度变化时触发该事件，单位为s，更新时间间隔为250ms
        this.timeupdatetime = e.currenttime;
    },
    // 点击控制栏进入全屏和退出全屏
    fullScreenChange: function (e) { // 视频进入和退出全屏时触发该事件
        if (e.fullscreen === 1) { // 严格相同，参考https://www.cnblogs.com/nelson-hu/p/7922731.html
            this.isfullscreenchange = true;
            prompt.showToast({message: '返回键退出全屏'})
        } else {
            this.isfullscreenchange = false;
        }
    },
    change_start_pause: function() {
        if(this.isStart) {
            this.$element('videoId').start(); // 请求播放视频
            this.isStart = false;
        } else {
            this.$element('videoId').pause(); // 请求暂停视频
            this.isStart = true;
        }
    },
    change_fullscreenchange: function() { // 全屏
        if(!this.isfullscreenchange) {
            this.$element('videoId').requestFullscreen({
                screenOrientation: 'default'
            }); // 请求全屏播放
            this.isfullscreenchange = true;
        } else {
            this.$element('videoId').exitFullscreen(); // 请求退出全屏
            this.isfullscreenchange = false;
        }
    },
    ToBackManage() {
        router.back()
    },
}
